<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="css/dl.css">
</head>

<body>
    <div class="A">
        <header>
            <i class="iconfont icon-angle-left"></i>
            <p>登录</p>
            <span></span>
        </header>
        <section>
            <img src="img/001_03.gif" alt="">
        </section>
        <footer>


            <p>
                <i class="iconfont icon-yuechi"></i><a href="#">密码登录</a>
            </p>


            <p style="border: none;"> <i class="iconfont icon-shouji"></i>
                <a href="#">验证码登录</a>
            </p>


        </footer>
        <div class="B">
            <input type="text" placeholder="请输入手机号">
            <input type="text" placeholder="请输入验证码">
            <button>登录</button>
            <p><a href="#">忘记密码</a><a href="#">立即注册</a></p>
        </div>

    </div>
</body>

</html>